<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link type="text/css" rel="stylesheet" href="resources/css/index.css" />
	<link type="text/css" rel="stylesheet"
		href="resources/css/jquery.maximage.min.css" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
	<script type="text/javascript"
		src="resources/js/jquery.maximage.min.js"></script>
	<script type="text/javascript" src="resources/js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="resources/js/jquery.cycle.all.js"></script>
	<link rel="shortcut icon" href="resources/imagens/favicon.ico" />
	<title>QBank</title>

	<script type="text/javascript" charset="utf-8">
		$(function() {
			var imgs = $('#maximage img');
			imgs.sort(function() {
				return 0.5 - Math.random()
			});
			$('#maximage').html(imgs);

			$('#maximage').maximage({
				cycleOptions : {
					speed : 3000
				}
			});
		});
	</script>
</h:head>
<h:body>

	<div id="maximage">
		<img id="bank" src="resources/imagens/bank.jpg" /> <img id="bank1"
			src="resources/imagens/bank1.jpg" /> <img id="bank2"
			src="resources/imagens/bank2.jpg" />
	</div>

	<div id="cadastro">

		<h:link value="Voltar" outcome="menuAdmin" />

		<h:form>
			<h:messages id="messages" showDetail="true" autoUpdate="true"
				closable="true" />

			<h:panelGrid>

				<h:outputLabel for="nm_agencia" value="Nome da Agência" />
				<h:inputText id="nm_agencia" value="#{agenciaBean.agencia.nome}" />

				<h:outputLabel for="nr_agencia" value="Número da Agência" />
				<h:inputText id="nr_agencia" value="#{agenciaBean.agencia.numero}" />

				<h:outputLabel for="qtd_funcionario"
					value="Quantidade de funcionários" />
				<h:inputText id="qtd_funcionario"
					value="#{agenciaBean.agencia.quantidadeFuncionarios}" />

				<h:outputLabel for="nm_gerente" value="Nome do Gerente" />
				<h:inputText id="nm_gerente"
					value="#{agenciaBean.agencia.nomeGerente}" />

				<h:outputLabel for="matricula_gerente" value="Matrícula do Gerente" />
				<h:inputText id="matricula_gerente"
					value="#{agenciaBean.agencia.matriculaGerente}" />

				<h:outputLabel for="senha_gerente" value="Senha do Gerente" />
				<h:inputSecret id="senha_gerente"
					value="#{agenciaBean.agencia.senhaGerente}" />


				<h:outputLabel for="data_abertura" value="Data de abertura" />
				<h:inputText id="data_abertura"
					value="#{agenciaBean.agencia.dataAberturaAgencia}">
					<f:convertDateTime locale="pt_BR" pattern="dd/MM/yyyy" />
				</h:inputText>

				<h:commandButton value="Cadastrar Agência"
					actionListener="#{agenciaBean.cadastrarAgencia}" />
			</h:panelGrid>

		</h:form>
	</div>

</h:body>
</html>